(function($){
    function initProvince() {
        var data = SysArea.province();
        var box = $('#bp_province');
        box.find('option').each(function(i){
            if(i > 0) {
                $(this).remove();
            }
        });
        for(var i=0; i<data.length; i++) {
            box.append('<option value="'+ data[i] +'">'+ data[i] +'</option>');
        }
        $(box.find('option').get(0)).attr('selected', 'selected');
    }
    function initCity(p) {
        var data = SysArea.city(p);
        var box = $('#bp_city');
        box.find('option').each(function(i){
            if(i > 0) {
                $(this).remove();
            }
        });
        for(var i=0; i<data.length; i++) {
            box.append('<option value="'+ data[i] +'">'+ data[i] +'</option>');
        }
        $(box.find('option').get(0)).attr('selected', 'selected');
    }
    function initDistrict(p, c) {
        var data = SysArea.city(p, c);
        var box = $('#bp_district');
        box.find('option').each(function(i){
            if(i > 0) {
                $(this).remove();
            }
        });
        for(var i=0; i<data.length; i++) {
            box.append('<option value="'+ data[i][0] +'">'+ data[i][1] +'</option>');
        }
        $(box.find('option').get(0)).attr('selected', 'selected');
    }
    function initArea() {
        var pObj = $('#bp_province');
        var cObj = $('#bp_city');
        var dObj = $('#bp_district');
        initProvince();
        pObj.on('change', function(){
            var o = $(this);
            initCity(o.val());
        });
        cObj.on('change', function(){
            var o = $(this);
            initDistrict($('#bp_province').val(), o.val());
        });
    }
    function initAddPhoto() {
        var but = $('#but_add_photo');
        but.on('click', function(){
            var box = $('#bp_photos_box');
            box.append('<div class="input-group paddingTB5"><input type="file" class="form-control" name="bp_photos[]"><div class="input-group-addon bg_red cursor_pointer" onclick="$.bpPhotoDel(this)"><i class="fa fa-times"></i></div></div>');
        });
    }
    function initSelectMap() {
        $('#but_map_select').on('click', function(){
            layer.open({
                type: 2,
                title: '选择坐标',
                shadeClose: false,
                shade: 0.8,
                area: ['95%', '95%'],
                content: urlMap.map + '?callback=parent.setMapValue'
            });
        });
    }
    function setMapValue(obj) {
        //console.log(obj);
        $('#bp_coordinate').val(obj.lng + ',' + obj.lat);
        layer.closeAll();
        return true;
    }
    function initSelectTags() {
        $('#but_tags_select').on('click', function(){
            layer.open({
                type: 2,
                title: '选择标签',
                shadeClose: false,
                shade: 0.8,
                area: ['500px', '300px'],
                content: urlMap.bpTagsLayer + '?callback=parent.setTagsValue&tags=' + $('#bp_tags').val()
            });
        });
    }
    function setTagsValue(ids, values) {
        $('#bp_tags').val(ids);
        $('#bp_tags_view').val(values);
        layer.closeAll();
    }
    function formResult(msg, state) {
        layer.closeAll();
        if(state == 0) {
            layer.alert(msg, {icon: 5});
        } else {
            layer.confirm('添加成功！', {icon: 6, title:'系统提示', btn: ['继续添加服务项目','查看']}, function(index){
                location.href = urlMap.bpAddService + '?id=' + msg;
            }, function(index){
                location.href = urlMap.bpView + '?id=' + msg;
            });
        }
    }
    $.extend({
        'bpPhotoDel': function(obj) {
            $(obj).parent().remove();
        }
    });
    $(function(){
        initArea();
        initAddPhoto();
        initSelectMap();
        initSelectTags();
        window.setMapValue = setMapValue;
        window.setTagsValue = setTagsValue;
        window.formResult = formResult;
        $('#form_add').on('valid.form', function(e, form){
            layer.load();
            form.submit();
        });
    });
})(jQuery);